<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="../css/个人信息.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
    <!-- 头部部分开始 -->
    <header>
     <div class="iot_text">
        <a href="#"><span class="iot fa fa-angle-left"></span></a>
        <p>个人信息</p>
    </div>
     <div class="iot_photo">
        <a href="#"><img src="../images/photo.png" alt=""></a>
    </div>
     <p class="iot_changphoto">点击修改头像</p>
    </header>
    <!-- 头部部分结束-->
    
    
    <!--主体部分开始  -->
    <main>
        <div class="iot_inputboxs">
            <div   class="iot_input_text"><span>账号</span><input type="text" placeholder="请输入账号"></div>
            <div   class="iot_input_text"><span>昵称</span><input type="text" placeholder="请输入昵称"></div>
            <div class="iot_input_radio">
                <span>性别</span>
              
                <div>男<input type="radio" name="sex"></div> 
    
                
                <div>女<input type="radio" name="sex"></div> 
                
                </div>
            <div   class="iot_input_text"><span>生日</span><input type="date"></div>
            <div   class="iot_input_text"><span>城市</span><input type="text" placeholder="请输入城市"></div>
            <div   class="iot_input_text"><span>职业</span><input type="text" placeholder="请填写职业"></div>
           </div>
    </main>
    <!-- 主体部分结束 -->

    <div class="iot_button">
        <button>保存</button>
    </div>

</body>
</html>